body{ margin:0; font-size:14px; line-height:25px; background:url(../../Public/images/body_bg.gif);}
h1{ margin:0;}
ul,li,dl,dt,dd,p{ margin:0; list-style:none; padding:0;}
a{ text-decoration:none; color:#333;}
.f12{font-size:12px;}
.fc1{ color:#ccc;}
.fc2{ color:#666;}
.fc3{ color:green;}
.ftd{ text-decoration:underline;}
.bd_1{ border:1px solid #ccc;}
input,textarea{ font-size:12px; line-height:20px;}
form{ margin:0;}

#header,#path,#main,#footer{ width:900px; margin:0 auto; background:#fff;}
#header{background:#fff; height:80px;}
	#header div.logo{ width:300px; float:left; text-align:center; line-height:80px; color:green;}
	#header div.menu{ width:500px; float:right; margin:50px 5px 0 0; position:relative; height:30px; line-height:30px; background:#f1f1f1; }
	#header div.menu li{ float:left;}

div#path{}
	div#path span{ display:block; background:#99c521; padding:0 5px; color:#fff; margin:0 5px; font-size:12px;}

div#main{ overflow:hidden;}
	#sidebar{ float:left; width:160px; height:300px; background:#1da5cd; margin:5px; display:inline;}
	#content{ float:right; margin:5px 5px 0; display:inline}
	
	dl#sidebar_menu{ margin:0 10px; color:#fff;}
	dl#sidebar_menu dt.dt_top{ height:20px;}
	dl#sidebar_menu ul li{ border-bottom:1px solid #5cb3cd; padding:0 10px; height:35px; line-height:35px; font-weight:bold; letter-spacing:8px;}
	dl#sidebar_menu ul li span{ font-weight:normal; font-size:12px; margin-left:10px; letter-spacing:0;}
	dl#sidebar_menu ul li b{ background:url(../images/ico_bg.gif) no-repeat; margin-right:8px; margin-top:8px; display:inline-block; height:16px; width:16px; }
	dl#sidebar_menu ul li a{ color:#fff;}
	dl#sidebar_menu ul li.li_index{ letter-spacing:0;}
	dl#sidebar_menu ul li.li_article b{ background-position:-16px;}
	dl#sidebar_menu ul li.li_collection b{ background-position:-48px;}
	dl#sidebar_menu ul li.li_blog b{ background-position:-32px;}
	dl#sidebar_menu ul li.li_music b{ background-position:-64px;}
	
	#content{}
	dl#dl_content dt{ border-bottom:1px solid #99c521; padding:0 6px; font-weight:bold; color:#99c521; margin-top:20px; clear:both}
	dl#dl_content dd{ overflow:hidden; overflow:hidden;}
	dl#dl_content div.my_avatar{ float:left;}
	dl#dl_content div.my_info{ float:right; width:550px;}
	dl#dl_content div.my_info div.my_info_title{ overflow:hidden; border-bottom:1px solid #ccc;zoom:1;}
	dl#dl_content div.my_info div.my_info_title span{ margin:0 5px;}
	dl#dl_content div.my_info div.my_info_title span.my_name { float:left; color:green;}
	dl#dl_content div.my_info div.my_info_title span.my_message{ color:red; font-size:12px; float:right; text-decoration:underline;}
	dl#dl_content div.my_visitor_info{padding:0 5px;}
	dl#dl_content div.my_signature{padding:0 5px; line-height:20px;}
	dl#dl_content div.my_avatar img{ width:150px; padding:1px; border:1px solid #ccc;}
	dl#dl_content div.my_avatar span{ display:block; clear:both; width:150px; text-align:center; color:#666;}
	dl#dl_content dd.dd_list ul{ margin:10px;}
	dl#dl_content dd.dd_list ul li{ line-height:25px; overflow:hidden; color:#999; font-size:12px; border-bottom:1px solid #f1f1f1;}
	dl#dl_content dd.dd_list ul li span{ float:right;}
	dl#dl_content dd.dd_list ul li span label{ display:inline-block; width:100px; font-size:12px;}
	
	div.index{ border:1px solid #ccc;}
		div.index dl#dl_content { margin:5px;}
	div.article{}
		div.article dl#dl_content { width:720px;}
		
		ul#content_menu{ padding:0 5px; margin-top:10px; border-bottom:1px solid #99c521; height:28px;}
		ul#content_menu li{ float:left; height:25px; line-height:25px; display:block; border:1px solid #ccc; border-bottom:none; margin:2px 3px 0; position:relative; padding:0 8px;}
		ul#content_menu li.li_on{ background:#fff; height:28px; line-height:28px; margin:0 3px -1px; border:1px solid #99c521; border-bottom:none; padding:0 10px; font-weight:bold; background:#fff;}
		ul#content_menu li.li_on a{ color:#99c521;}
		
		div.article div.article_form{ margin:8px; font-size:12px;}
		div.article_form label{ display:block; font-weight:bold; color:#444;}
		div.article_form input{ height:20px; line-height:20px; border:1px solid #ccc;}
		div.article_form input.input_class{ width:400px; color:#666;}
		div.article_form textarea{ overflow:hidden; width:500px; height:60px; font-size:12px; padding:5px; color:#666; line-height:20px;border:1px solid #ccc;}
		div.article_form span.attention{color:#ccc;margin:0 5px;}
		
		div.article_form tr.odd_tr{ background:#f1f1f1;}
		div.article_form tr.tr_on{ background:#ccc;}
		div.article_form td{ text-align:center; border-right:1px solid #f1f1f1;}
		div.article_form td input{ border:none; }

div.bug p.bug_list{ border:1px solid #ccc; padding:5px; background:#f2f2f2;}	
div.bug p.bug_list span{display:block;}
div.bug p.bug_list span.bug_content{ height:30px; background:#fff; padding:5px;}
div.bug p.bug_list span.bug_reply{ margin:10px 0 10px 20px; background:#fff; padding:5px; color:red;}
div.bug p.bug_list span.bug_reply strong{ color:green;}
	
div#footer{ height:80px; padding-top:30px;}
	#footer_title,#footer_content{ margin:0 5px; font-size:12px; color:#666; line-height:20px;}
	#footer_title{ border-top:1px solid #ccc;}
	#footer_content{ text-align:right;}